<html>
<head>
	<title>pippo</title>
	<script type="text/javascript" src="../liwe.js"></script>
	<script type="text/javascript" src="../utils.js"></script>
	<script type="text/javascript" src="../object_enh.js"></script>
	<script type="text/javascript" src="../json.js"></script>
	<script type="text/javascript" src="../history.js"></script>
	<script type="text/javascript" src="../module.js"></script>

	<style type="text/css">
	.page {
		border: 1px solid black;
		width: 300px;
		height: 300px;

		display: none;
	}
	</style>

	<script type="text/javascript">
	var m = liwe.module ( "prova", { "func1" : "func1", "func2" : "func2" } );

	m.func1 = function ()
	{
		m.set_history ( "func1", function () { m.func1 (); } );

		$( "pos", "History 1" );
	};

	m.func2 = function ( dict, data )
	{
		m.set_history ( "func2", "func2", { "hello" : "world" } );

		$( "pos", "History 2" );

		console.debug ( "Dict: %o - Data: %o", dict, data );
		
	};

	m.func3 = function ()
	{
		m.set_history ( "func3", "func3", { "pippo" : "pluto" } );

		$( "pos", "History 3" );
	};


	function init ()
	{
		liwe.history.init ();
	}
	</script>
</head>
<body onload="init()">

<a href="javascript:m.func1()">Page 1</a>
<a href="javascript:m.func2()">Page 2</a>
<a href="javascript:m.func3()">Page 3</a>

<div id="pos">Start</div>



</body>
</html>
